<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<head>
<title>City Information</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body style="text-align: center;">
	<div id="centered">
		<div id="header">
			<ui:insert name="header">
				<h:panelGrid columns="2" style="width: 100%;">
					<h1>City Information</h1>
					<h:form style="text-align: right; ">
						<h:selectOneListbox id="language" size="1"
							value="#{language.currentLanguage}">
							<f:selectItems value="#{language.allItems}" />
						</h:selectOneListbox>
						<h:commandButton for="language" style="color: #F5F5DC;"
							styleClass="menu-button" action="#{cityController.setLanguage}"
							value="Change language"></h:commandButton>
					</h:form>
				</h:panelGrid>
			</ui:insert>
		</div>
		<div id="menu">
			<ui:insert name="menu">
				<h:form>
					<h:commandButton action="index" value="Home"
						style="vertical-align: middle;" styleClass="menu-button"></h:commandButton>
				</h:form>
			</ui:insert>
		</div>
		<div id="content">
			<ui:insert name="content" />
		</div>
		<div id="footer">
			<ui:insert name="footer">
				<h:outputText value="Copyright (c) 2013" />
			</ui:insert>
		</div>
	</div>
</body>
</html>